@charset "utf-8";

.b-this { background: rgba(0,137,42,0.6); }
.b-this1 { background: #dcedff; }
.b-this2 { background: #ebf3ff; }
.pd0 { padding: 0; }
tr table { border: none; }
@keyframes a1 { 0% {
 transform: translateY(0);
}
20% {
 transform: translateY(0);
}
40% {
 transform: translateY(-5px);
}
50% {
 transform: translateY(0);
}
60% {
 transform: translateY(-3px);
}
80% {
 transform: translateY(0);
}
100% {
 transform: translateY(0);
}
}
@keyframes a2 { 100% {
transform:rotate(360deg);
}
}
@keyframes a3 { 0%, 50% {
background: #fff;
}
51%, 100% {
background:#ffae00;
}
}
.a1 i { width: 3.5vw; height: 3.5vw; }
.a1 i:before, .a1 i:after { content: ''; position: absolute; width: 100%; height: 100%; z-index: 0; left: 0; top: 0; border-radius: 50%; box-sizing: border-box; transition: 0.5s ease 0s; }
.a1 i:before { border: 1px dashed; animation: a2 15s linear 0s infinite; }
.a1 i:after { border: 1px solid #e8e8e8; /*transform:scale(0.75);*/ width: 75%; height: 75%; left: 12.5%; top: 12.5%; }
.a1 small { width: 8px; height: 8px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; }
.a1 span { margin-left: 1vw; }
.num { margin-bottom: 0.5vw; }
.title1 p:before, .title1 p:after { content: ''; position: absolute; right: -1vw; transform: translateX(100%); z-index: -1; border-radius: 999px; height: 4px; }
.title1 p { line-height: 1; }
.title1 p:before { bottom: 0.4vw; width: 1vw; }
.title1 p:after { bottom: 1vw; width: 1.5vw; }
.c1.title1 p:before, .c1.title1 p:after { background: #ba4241; }
.c2.title1 p:before, .c2.title1 p:after { background: #fff; }
@keyframes a4 { 0% {
top:0;
}
60% {
top:2vw;
}
100% {
top:0;
}
}